{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "foundation/annualreport/2010/base.html" %}

{% block page_title %}The State of Mozilla Annual Report - Ahead{% endblock %}

{% set body_id = 'ahead' %}

{% block article_header %}
  <h2>The State of Mozilla Annual Report, 2010</h2>
  <p>Ahead</p>
{% endblock %}

{% block article_content %}
  <figure class="figure">
    <div class="mozilla-video-control">
      <video width="640" height="360" controls="controls" poster="{{ static('img/foundation/annualreport/2010/poster-ahead.jpg') }}">
        <source src="https://videos.cdn.mozilla.net/serv/brand/State%20of%20Mozilla%202011%20(fcp2)-RC%20-%20720p%20-%20MPEG-4.webm" type='video/webm; codecs="vp8, vorbis"'>
        <source src="https://videos.cdn.mozilla.net/serv/brand/State%20of%20Mozilla%202011%20(fcp2)-RC%20-%20720p%20-%20MPEG-4.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
        <source src="https://videos.cdn.mozilla.net/serv/brand/State%20of%20Mozilla%202011%20(fcp2)-RC%20-%20720p%20-%20MPEG-4.theora%202.ogv" type='video/ogg; codecs="theora, vorbis"'>
      </video>
    </div>
  </figure></br>
  <div id="video-description">{# FIXME: put this to the right of the video like it is on the old page? #}
    <h3>Looking Ahead</h3>
    <h4>Mitchell Baker</h4>
    <p>Mitchell Baker, Chair discusses the state of Mozilla.</p>

    <p class="download">Download this video:</p>
    <ul class="mzp-u-list-styled">
      <li><a href="https://videos.cdn.mozilla.net/serv/brand/State%20of%20Mozilla%202011%20(fcp2)-RC%20-%20720p%20-%20MPEG-4.webm">WebM format</a></li>
      <li><a href="https://videos.cdn.mozilla.net/serv/brand/State%20of%20Mozilla%202011%20(fcp2)-RC%20-%20720p%20-%20MPEG-4.theora%202.ogv">Ogg Theora format</a></li>
      <li><a href="https://videos.cdn.mozilla.net/serv/brand/State%20of%20Mozilla%202011%20(fcp2)-RC%20-%20720p%20-%20MPEG-4.mp4">MPEG-4 format</a></li>
      <li><a href="http://www.universalsubtitles.org/en/videos/6rwEfcRrITSP/">Other languages & sharing</a></li>
    </ul>
  </div>

  <h2>The Mission Doesn’t Change</h2>
  <p>
      Some things don’t change at Mozilla. We will always be focused on the <a href="{{ url('mozorg.mission') }}">Mozilla mission</a>. We will also seek product excellence, individual control over the technology of our lives and the betterment of the Internet as a whole. We will always be an organization of people who believe in these goals and a community of thousands of developers, engineers, students, artists, entrepreneurs and others who have a vision of Internet life centered on individual empowerment.
  </p>
  <p>
      Success for Mozilla means that the Internet has respect for human dignity and user sovereignty. Success means that people everywhere have onramps to the Internet that enable them to move from consumption to creation. Success for Mozilla means that people are no longer a number online that companies can track, monetize and sell. It means that we are recognized as real, individual human beings who live all aspects of our online life with richness and excitement.
  </p>
  <p>
      Success for Mozilla includes building these fundamental freedoms into the fabric of Internet life. Achieving this success is hard, <em>it’s important and it will be great.</em> It is going to take all of us to make this vision a success. Participation ranges from something as simple as spreading the word about Mozilla to friends and family, to leadership positions in determining how the Internet is built. Please find a spot that’s comfortable for you and join us.
  </p>
  <p><b><i>- Mitchell Baker</i></b><br>   Mozilla Chair</p>

  <p class="return-to-top"><a href="#">Return to top</a></p>

  <ul class="mzp-u-list-styled">
      <li class="prev"><a href="{{ url('foundation.annualreport.2010.people') }}">People</a></li>
      <li class="next"><a href="{{ url('foundation.annualreport.2010.faq') }}">FAQ</a></li>
  </ul>
{% endblock %}
